<template>
<div>
  <div class="upload-container">
      <div style="margin-bottom:20px">多文件上传</div>

      <el-upload
  drag
  action="https://jsonplaceholder.typicode.com/posts/"
  multiple>
  <div class="el-upload__text">Drop files here to upload</div>

</el-upload>
 <el-button type="success" @click="uploadSuccess" style="margin-top:30px">成功按钮</el-button>
  </div>
  </div>
</template>

<script>
export default {
 data(){
   return{
       
   }
 },
 methods:{
uploadSuccess(){

  this.$emit("uploadSuccessful")
}
 }
}
</script>

<style lang="scss" scoped>
.upload-container{
    width: 90%;
    height: 400px;
    margin: auto;
}
.el-upload__text{
  margin:80px auto ;
  font-size:20px !important;
}
.el-upload-dragger{
  width: 100% !important;
}
</style>